<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
	<title>Asp FormMail example form</title>
	<meta http-equiv='content-type' content='text/xhtml+xml;charset=iso-8859-1' />
	<style type='text/css' media='screen'> <!--
		body,td,p,li,label   {font-size:12px; font-family:Verdana,Arial,Helvetica;}
		h1,h2,h3,h4,h5 {font-family:Tahoma,Arial,Helvetica;}
		label {display: block; float: left; width: 100px; text-align: right; padding-right: 8px; padding-top: 4px;}
		.field {margin-bottom: 4px; padding-bottom: 2px;} -->
	</style>
</head>

<body>
	<!-- The form name is unimportant, but the method MUST be 'post'
	     and the action must refer to the AspFormMail.asp script -->
	     <h3>Asp FormMail example form</h3>
	<form name='TestForm' id='TestForm' method='post' action='AspFormMail.asp'>
	
		<!-- For the sake of compatibility, include the 'name' and 'id' attributes with the same contents.
			The <div> and <label> tags aren't required for this to work, I just find this layout clean and simple. -->
		<div class='field'><label>Name:</label> <input name='SenderName'  id='SenderName'  type='text' size='40' /></div>
		<div class='field'><label>Age:</label>
			<select name='age' id='age'>
				<option>0-16</option>
				<option>17-24</option>
				<option>25-36</option>
				<option>37-49</option>
				<option>50+</option>
			</select>
		</div>
		<div class='field'><label>e-Mail:</label>    <input name='SenderEmail' id='SenderEmail' type='text' size='30' /></div>
		<div class='field'><label>Telephone:</label> <input name='telephone'   id='telephone'   type='text' size='20' /></div>
		<div class='field'><label>Address 1:</label> <input name='address1'    id='address1'    type='text' size='40' /></div>
		<div class='field'><label>Address 2:</label> <input name='address2'    id='address2'    type='text' size='40' /></div>
		<div class='field'><label>Town:</label>      <input name='town'        id='town'        type='text' size='20' /></div>
		<div class='field'><label>County:</label>    <input name='county'      id='county'      type='text' size='20' /></div>
		<div class='field'><label>PostCode:</label>  <input name='postcode'    id='postcode'    type='text' size='10' /></div>
		<div class='field'><label>&nbsp;</label><input type='submit' name='Submit' value='Submit'></div>
		
		<!-- hidden fields -->
		<!-- Use hidden fields to supply the required fields, and add other information that you
		     require, but don't want the user to see and/or alter -->
		<input type='hidden' name='recipient'   id='recipient'   value='russ@theatre64.org'>
		<input type='hidden' name='subject'     id='subject'     value='Formmail Example'>
		<input type='hidden' name='successpage' id='successpage' value='http://www.theatre64.org'>
		<input type='hidden' name='required'    id='required'    value='age,address1,town,postcode'>
		<!--
			If you need to specify a sort order for the returned fields, add the 'sortorder' hidden field.
			You can sort the output in a number of ways.
			1, No sort:
				Leave out this hidden field, or leave the value empty
			2, Alphanumeric sort:
				Simple sort based on the field names.
				Set the value to 'asc' for ascending order or 'desc' for descending order.
			3, Custom sort:
				Fields sorted according to the order specified in the value.  This should be a
				comma-separated list of form field names. Any fields not listed in the value list
				will appear last and unsorted.
		-->
		<input type='hidden' name='sortorder'   id='sortorder'   value='SenderName,postcode,SenderEmail,telephone,postcode'>
		<!-- /hidden fields -->                           
	</form>
</body>
</html>
